<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>卡式购买</title>
<meta name="keywords" content="众安保险，互联网保险，网上支付，保单查询，在线理赔，让保险有温度" />
<meta name="description" content="众安保险是国内首家也是唯一一家互联网保险公司，个性化定制风险解决方案，全方位采用互联网先进科技，追求流畅、贴心、温暖的用户体验。" />
<!--统一加载公共js与css文件-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimal-ui,maximum-scale=1.0,user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../image/apple_icon/zhongan_icon_52.png" />  
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../image/apple_icon/zhongan_icon_72.png" />  
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../image/apple_icon/zhongan_icon_114.png" />    
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../image/apple_icon/zhongan_icon_144.png" /> 
<link type="image/x-icon" rel="Shortcut Icon" href="../../image/apple_icon/zhongan_icon_144.png">
<link href="../../css/za-web-common.css" rel="stylesheet">
<link href="../../css/product/prd-detail.css" rel="stylesheet">
<script type="text/javascript" src="../../js/form/zepto.js"></script>
<script type="text/javascript" src="../../js/form/sea.js"></script>
<script type="text/javascript" src="../../js/web_common.js"></script>
</head>
<body>
<div class="activation-contain">
<form id="CM_Form" action="卡式确认.html" method="post" autocomplete="off">
  <div class="form-box">
    <div class="form-list dotted-line">
      <div class="form-list-left">
        价格：
      </div>
      <div class="form-list-auto">
        <input type="text" id="cost" class="orange" value="" name="hangbanhao" placeholder="" />
      </div>
    </div>
    <div class="form-list dotted-line">
      <div class="form-list-left">
        保障计划
      </div>
      <div class="form-list-auto">
        <select class="form-select project-select">
          <option value="1" za-cost="25元" >经典版</option>
          <option value="2" za-cost="75元" >尊享版</option>
        </select>
      </div>
    </div>
    <div class="form-list dotted-line">
      <div class="form-list-left">
        份数
      </div>
      <div class="form-list-auto">
        <span id="buyCount" class="za-count">
            <span class="count-action">
              <a class="plus bd_disabled" href="javascript:;">
                <i class="count_plus"></i>
              </a>
            </span>
            <span class="count-num">
              <span class="bd_c">
                <input id="num" class="ct_num" type="text" name="_fm.o._0.pa" value="1" style="" readonly="readonly">
              </span>
            </span>
            <span class="count-action">
              <a class="add" href="javascript:;">
                <i class="count_add"></i>
              </a>
            </span>
          </span>
      </div>
    </div>
    <div class="form-project">
      <div class="project-title">
        保险额度
      </div>
      <div class="prd-table-box">
        <table class="prd-table w100p">
          <tr>
           <th>保障项目</th><th>保额</th>
          </tr>
          <tr>
           <td>女性特定疾病</td><td>11111元</td>
          </tr>
        </table>
       </div>
       <div class="prd-table-box" style="display:none;">
        <table class="prd-table w100p">
          <tr>
           <th>保障项目2</th><th>保额2</th>
          </tr>
          <tr>
           <td>女性特定疾病</td><td>222222元</td>
          </tr>
        </table>
       </div>
    </div>
    <div class="form-list dotted-line">
      <div class="form-list-left">
        姓名
      </div>
      <div class="form-list-auto">
        <input type="text" value="" name="shenfenzheng" data-rules="{required:true}" data-messages="{required:'请输入您的姓名'}" placeholder="请输入您的姓名" />
      </div>
    </div>
    <div class="form-list dotted-line">
      <div class="form-list-left">
        手机号码
      </div>
      <div class="form-list-auto">
        <input type="text" maxlength="11" value="" name="mobile" data-rules="{required:true,mobile:'请输入有效的手机号码'}" data-messages="{required:'请输入手机号码',mobile:'请输入有效的手机号码'}" placeholder="请输入手机号码" />
      </div>
    </div>
  </div>
  <div class="za-nobg-box plr20">
    <p class="txt12"><span class="red">*</span>以上告知内容必须全部选择完毕才可以提交</p>
  </div>
  <div class="za-nobg-box plr10">
    <div class="zaw-btn-box">
      <div class="zaw-btn-box-room"><a href="javascript:void(0);" id="zaw-btn" class="zaw-btn zaw-btn-blue-bg">下一步</a></div>
    </div>
  </div>
</div>
</div>
<script type="text/javascript" src="../../js/html/buy.js"></script>
</body>
</html>